

<div class="reserve" >
    <div class="foot_box container " >
        <form class="form" action="formCustom/addFormData" method="post" id="tmsLandingForm">
            <div class="ui-form-item ">
                <div class="input-wrap">
                    <input type="text" class="ui-input" name='studentName'placeholder="请填写您的姓名"  id="name">
                </div>    
                <div class="ui-form-explain">请输入姓名</div>
            </div>
            <div class="ui-form-item ">
                <div class="input-wrap">
                <input value="" class="ui-input" type="text" placeholder="请填写您的手机号" id="phone" name='firstPhone'  maxlength="11">
                </div>
                <div class="ui-form-explain ">请输入手机号</div>
            </div>
            <input type='hidden' name='formId' value='6'>
            <div class="ui-form-item">
                <a class="ui-button" id='tmsLandingFormBtn'>立即预约</a>
            </div>
        </form>
    </div>
</div>
<script type='text/javascript'>
$(function(){var adid = location.href.match(/adid=([a-zA-Z0-9]+)/);
    var adidNo='';
    if(adid && adid[1]) { 
        adidNo=adid[1];
    }
    var tmsLandingFormUrl = 'http://i.hfjy.com/landingForm/register?adidNo='+adidNo;
      var oS=$('.ui-form-explain');
    $('#tmsLandingFormBtn').click(function(){
         var phone=$('#phone').val();
         var name=$('#name').val();
         if(!name||name==""){          
             oS[0].style.display="block";  
               return false;
          }
          if(!phone||phone==""){
             oS[1].style.display="block";   
             return false;
          }else if(phone!==""&&!/(^(13|14|15|17|18|)\d{9}$)/.test(phone)){
              oS[1].style.display="block";  
               return false;
          }  
      $('#phone').focus(function(){
        $(oS[1]).hide();
      });
      $('#name').focus(function(){
            $(oS[0]).hide();
      });
        $.ajax({ 
            type : 'post',  
            data : $('#tmsLandingForm').serialize(),
            url : tmsLandingFormUrl,dataType : 'jsonp',
            jsonp: 'callbackparam',
            success : function(json){if(json.error==1) {alert(json.msg);} else {location.href ='http://vip.hfjy.com/thanks';
                }}
        });
    });
})

</script>

<!-- footer开始 -->
<div class="footer">
    <div class="container footer-main">

        <div class="pull-left ">
            <ul>
                <li><a href="teachers.html" target="_blank">海风师资&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="research.html" target="_blank">海风教研&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="http://vip.hfjy.com/zzhb/" target="_blank">学员案例&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="Online.html" target="_blank">学习中心&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="cooperation.html" target="_blank">商务合作&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="joinUs.html" target="_blank">加入我们</a></li>
            </ul>
        </div>
        <div class="pull-right">
            <small>
                ©2015hfjy.com All Rights Reserved.沪ICP备11030714号-1
            </small>
        </div>
    </div>
</div>
<!--footer结束  -->
<!-- 侧边栏开始 -->

<script>
    $(function(){
        $("#go_top").click(function(){
            $('html,body').animate({scrollTop:0},500);
            return false;
        });
    })
</script>

<!--右侧贴边导航quick_links.js控制-->

<div class="mui-mbar-tabs">
    <div class="quick_link_mian">

        <div class="quick_links_panel">
            <div id="quick_links" class="quick_links">
                <ul>
                    <li>
                        <a href="#" class="history_list"><i class="view"></i></a>
                        <div class="mp_tooltip" style=" visibility:hidden;" onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">
                             <p >
                        在线客服 </p>
                        <p class="p3" onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">(点击详情)</p>
                            <i class="icon_arrow_right_black"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="my_qlinks"><i class="setting"></i></a>
                        <div class="ibar_login_box status_login">
                            <div class="avatar_box">
                            <p>   海风微信</p>
                            <p class="avatar_imgbox">
                                <img src="http://res.www.hfjy.com/images/img_qrcode.png" alt="">
                            </p>
                                   
                            </div>
                           
                            <i class="icon_arrow_white"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="my_qlinks"><i class="weibo"></i></a>
                        <div class="ibar_login_box status_login">
                            <div class="avatar_box">
                            <p>  海风官方微博</p>
                            <p class="avatar_imgbox">
                                 <img src="http://res.www.hfjy.com/images/img_qrcode.png" alt="">
                            </p>
                                   
                            </div>
                           
                            <i class="icon_arrow_white"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="mpbtn_histroy"><i class="tel"></i></a><div class="mp_tooltip"> <p onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">
                        海风热线 </p>
                        <p class="p3">4008-331-112</p>
                           <i class="icon_arrow_right_black"></i></div>
                    </li>
                    <li id="go_top">
                        <a href="#" class="mpbtn_histroy">
                            <i class="tops"></i>
                        </a>
                    </li>  
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    $(".quick_links_panel li").mouseenter(function(){

        $(this).children(".mp_tooltip").animate({left:-130,queue:true});

        $(this).children(".mp_tooltip").css("visibility","visible");

        $(this).children(".ibar_login_box").css("display","block");

    });

    $(".quick_links_panel li").mouseleave(function(){

        $(this).children(".mp_tooltip").css("visibility","hidden");

        $(this).children(".mp_tooltip").animate({left:-159,queue:true});

        $(this).children(".ibar_login_box").css("display","none");

    });

    $(".quick_toggle li").mouseover(function(){

        $(this).children(".mp_qrcode").show();

    });

    $(".quick_toggle li").mouseleave(function(){

        $(this).children(".mp_qrcode").hide();

    });

</script>
<script>
    (function(){
        //百度统计
        var bp = document.createElement('script');
        bp.src = '//push.zhanzhang.baidu.com/push.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

</body>
</html>
